<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="css/animate.min.css"/> <!-- 动画效果 -->
    <link rel="stylesheet" href="css/common.css"/><!-- 页面基本样式 -->
    <script>
    </script>
</head>
<body>
    <a class="demo0" href="javascript:showDialog()">弹窗</a>
    <div id="HBox">
        <form action="" method="post" onsubmit="return false;">
            <ul class="list">
                <li>
                    <strong>昵 称  <font color="#ff0000">*</font></strong>
                    <div class="fl"><input type="text" name="nickname" value="" class="ipt nickname" /></div>
                </li>
                <li>
                    <strong>手 机 <font color="#ff0000">*</font></strong>
                    <div class="fl"><input type="text" name="phone" value="" class="ipt phone" /></div>
                </li>
                <li>
                    <strong>邮 箱 <font color="#ff0000">*</font></strong>
                    <div class="fl"><input type="text" name="email" value="" class="ipt email" /></div>
                </li>
                <li>
                    <strong>性 别 <font color="#ff0000">&nbsp;</font></strong>
                    <div class="fl">
                        <label class="mr10"><input type="radio" name="sex" value="1"/>男</label>
                        <label class="mr10"><input type="radio" name="sex" value="2"/>女</label>
                        <label><input type="radio" name="sex" value="3"/>保密</label>
                    </div>
                </li>
                <li>
                    <strong>爱 好 <font color="#ff0000">&nbsp;</font></strong>
                    <div class="fl">
                        <label class="mr10"><input type="checkbox" name="like" value="男" />男</label>
                        <label class="mr10"><input type="checkbox" name="like" value="女"/>女</label>
                        <label><input type="checkbox" name="like" value="都喜欢"/>都喜欢</label>
                    </div>
                </li>
                <li><input type="submit" value="确认提交" class="submitBtn" /></li>
            </ul>
        </form>
    </div><!-- HBox end -->
    <!--<div id="autoShow">-->
        <!--<form action="" method="post" onsubmit="return false;">-->
            <!--<ul class="list">-->
                <!--<li>-->
                    <!--<strong>昵 称  <font color="#ff0000">*</font></strong>-->
                    <!--<div class="fl"><input type="text" name="nickname" value="" class="ipt nickname" /></div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<strong>手 机 <font color="#ff0000">*</font></strong>-->
                    <!--<div class="fl"><input type="text" name="phone" value="" class="ipt phone" /></div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<strong>性 别 <font color="#ff0000">&nbsp;</font></strong>-->
                    <!--<div class="fl">-->
                        <!--<label class="mr10"><input type="radio" name="sex" value="1"/>男</label>-->
                        <!--<label class="mr10"><input type="radio" name="sex" value="2"/>女</label>-->
                        <!--<label><input type="radio" name="sex" value="3"/>保密</label>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li><input type="submit" value="确认提交" class="submitBtn" /></li>-->
            <!--</ul>-->
        <!--</form>-->
    <!--</div>-->

    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.hDialog.min.js"></script>
    <script>
        $(function(){
            var $el = $('.dialog');
            $el.hDialog(); //默认调用

            //页面加载完成后自动执行
            //$('#autoShow').hDialog({title:'页面加载完成后自动执行',autoShow: true});

            //带标题的
            $('.demo0').hDialog({title: '测试弹框标题',height: 300});



            //返回顶部
            //$.goTop();




        });
    </script>
</body>
</html>